@import "../variable";

.box {
  display: flex;
  //flex-direction: row;
  //flex-wrap: wrap;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  //height: 300px;
  //background-color: #00F7DE;
  div {
    //width: 25%;
    //height: 200px;
    //line-height: 200px;
    text-align: center;
    order: 2;
    //flex-grow: 0;
    //flex-shrink: 1;
    //flex-basis: auto;
    flex: 2 1 auto;
    &.divLeft {
      background-color: #00b3ee;
    }
    &.divMid {
      //align-self: stretch;
      background-color: #0a6d01;
      flex-grow: 2;
    }
    &.divRight {
      background-color: #c12e2a;
    }
    &.divExt {
      background-color: #8a4182;
      flex-shrink: 0;
    }
    &.divPot {
      background-color: #b2dba1;
    }
  }

}

.logo {
  position: absolute;
  left: 40px;
  top: 16px;
  img {
    width: 82px;
    height: 31px;
  }
}

